<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>搜索结果-CC音乐</title>
<jsp:include page="headLink.jsp"></jsp:include>
</head>
<body>
	<div class="lyear-layout-container">
		<header class="lyear-layout-header"> <!--保持居中的秘密不可更改！！！-->
		<div class="header-container">
			<div class="header-top">
				<a href="homePage.jsp" class="logo"></a>
				<nav class="header-nav">
				<ul>
					<li><a href="homePage.jsp">音乐馆</a></li>
					<li><a href="personal.jsp">我的音乐</a></li>
				</ul>
				</nav>
				<div class="header-search">
					<input type="text" class="text" placeholder="搜索">
					<!--<div class="btn"><i class="icon-sprite"></i></div>-->
					<div class="result">
						<a href="#" class="result-item"> <span class="rank">1</span> <span
							class="title">默</span> <span class="num">3.4万</span>
						</a> <a href="#" class="result-item"> <span class="rank">2</span>
							<span class="title">侧田</span> <span class="num">3.4万</span>
						</a> <a href="#" class="result-item"> <span class="rank">3</span>
							<span class="title">让我留在你身边</span> <span class="num">3.4万</span>
						</a> <a href="#" class="result-item"> <span class="rank">4</span>
							<span class="title">皮皮虾我们走</span> <span class="num">3.4万</span>
						</a> <a href="#" class="result-item"> <span class="rank">5</span>
							<span class="title">欢乐好声音</span> <span class="num">3.4万</span>
						</a>
						<div class="history">
							<span>搜索历史</span> <i class="icon-sprite"></i>
						</div>
					</div>
				</div>

				<ul class="topbar-right login-mod">
					<li class="dropdown dropdown-profile"><a
						href="javascript:void(0)" data-toggle="dropdown"> <img
							class="img-avatar img-avatar-48 m-r-10"
							src="images/headPhoto1.jpg" alt="灰质"> <span>灰质<span
								class="caret"></span></span>
					</a>
						<ul class="dropdown-menu dropdown-menu-right">
							<li><a href="userInfo.jsp"><i class="mdi mdi-account"></i>
									个人信息</a></li>
							<li><a href="lyear_pages_edit_pwd.html"><i
									class="mdi mdi-lock-outline"></i> 修改密码</a></li>
							<li class="divider"></li>
							<li><a href="../loginOutServlet"><i
									class="mdi mdi-logout-variant"></i> 退出登录</a></li>
						</ul></li>
				</ul>
			</div>
		</div>
		</header>
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12 profilebg">
					<div class="mesosphere-photo">
						<div class="profile__cover_link">
							<img class="head_photo" src="images/headPhoto1.jpg"
								onerror="this.src='//y.gtimg.cn/mediastyle/global/img/person_300.png?max_age=31536000';this.onerror=null;"
								alt="@Arya." class="profile__cover" id="profileHead">
						</div>
					</div>
					<div class="mesosphere-name">
						<div class="profile__cover_name_link">灰质</div>
					</div>
				</div>
			</div>
			<div class="row szh-padding-top"></div>
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-8">
					<!-- 					<div class="col-md-3"> -->
					<!-- 						<div class="card-body"> -->
					<!-- 							<div class="layui-upload position-fixed"> -->
					<!-- 								<div class="layui-upload-list" -->
					<!-- 									style="width: 220px; height: 220px;"> -->
					<!-- 									<img class="layui-upload-img" src="images/list_cover.jpg" -->
					<!-- 										id="demo1"> -->
					<!-- 									<p id="demoText"></p> -->
					<!-- 								</div> -->
					<!-- 								<button type="button" class="layui-btn" id="test1">上传图片</button> -->
					<!-- 								<h4>歌单介绍</h4> -->
					<!-- 								<p>内容...无</p> -->
					<!-- 							</div> -->
					<!-- 						</div> -->
					<!-- 					</div> -->
					<div class="col-md-9" style="width: 100%">
						<!--<div class="card"> -->
						<div class="card-header">
							<h3>搜索结果</h3>
						</div>
						<div class="card-body">
							<div class="mod_songlist_toolbar">
								<button
									class="btn btn-success btn-lg btn-round btn-label btn-w-xl all_play">
									<label><i class="mdi mdi-play-circle-outline"></i></label>播放全部
								</button>
								<button
									class="btn btn-secondary btn-lg btn-round btn-label btn-w-xl all_fav">
									<label><i class="mdi mdi-library-plus"></i></label>添加到
								</button>
								<button
									class="btn btn-secondary btn-lg btn-round btn-label btn-w-xl all_down">
									<label><i class="mdi mdi-arrow-down-bold"></i></label>下载
								</button>
								<button
									class="btn btn-secondary btn-lg btn-round btn-label btn-w-xl batch">
									<label><i class="mdi mdi-menu"></i></label>批量操作
								</button>
							</div>
							<table class="table table-hover table-striped">
								<thead>
									<tr>
										<th>歌曲</th>
										<th>歌手</th>
										<th>艺术派别</th>
										<th>时长</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<th scope="row">你不知道的事</th>
										<td>王力宏</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<th scope="row">情歌王</th>
										<td>古巨基</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<th scope="row">爱你一万年</th>
										<td>刘德华</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<th scope="row">七里香</th>
										<td>周杰伦</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<th scope="row">好久不见</th>
										<td>陈奕迅</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<th scope="row">给自己的情书</th>
										<td>王菲</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<th scope="row">日不落</th>
										<td>蔡依林</td>
										<td></td>
										<td></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="col-md-2"></div>
				<div class="row"></div>
			</div>
		</div>
	</div>

</body>
</html>